<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式初体验</title>
    <!-- 内部样式表：允许在.html文件中写css代码。
            - head>style,在style标签内写css语法
    -->
    <style>
        /*  1. css语法：   
                选择器 {
                    css属性: 属性值;
                }
            2. 选择器：
                1. 标签选择器： 通过标签名获取HTML元素
            3. css属性：
                1. 字体相关
                    1. color 字体颜色  
                2. 盒模型相关
                    1. width “内容”的宽度
                    2. height “内容”的高度
                3. 背景相关 background
                    1. background-color 背景色
            4. 元素类型 display
                - block 块级元素
        */
        div {
            width: 100px;
            height: 100px;
            background-color: yellow;
            color: red; 
        }
    </style>
</head>
<body>
    <!-- 无语义的标签 -->
    <div>动力箱</div>
</body>
</html>